<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <!--无数据提示 开始-->
    <section class="no-data__wrap" th:if="${#lists.isEmpty(dataMap['list'])}">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">抱歉，还没有内容，小编正在整理中~~~</span></p>
    </section>
    <!--无数据提示 结束-->

    <div class="mt20 pt10">
        <section class="mt20 mb20 pb10" th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="articleList:${dataMap['list']}">
            <div class="media">
                <div class="media-left">
                    <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${articleList['id']})}">
                        <img class="media-object lazy" width="198" th:attr="data-original=${articleList['imageMap']['pcUrlMap']['large']}">
                    </a>
                </div>
                <div class="media-body">
                    <section class="hLh30 txtOf">
                        <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${articleList['id']})}" class="fs18 c-333" th:title="${articleList['title']}" th:text="${articleList['title']}"></a>
                    </section>
                    <section class="cm-desc-txt__twoLine mt10">
                        <span class="c-999" th:text="${#strings.abbreviate(articleList['briefIntroduction'],140)}"></span>
                    </section>
                    <section class="mt10">
                        <span class="mr20 c-ccc fs12">
                            <i class="fa fa-clock-o mr5 vam" data-toggle="tooltip" th:attrappend="data-original-title='更新时间：' + ${#strings.substring(articleList['createTime'],0,16)} " th:text="${#strings.substring(articleList['createTime'],0,16)}"></i>
                        </span>
                        <span class="c-ccc fs12">
                            <i class="fa fa-user mr5 vam" data-toggle="tooltip" th:attrappend="data-original-title='阅读人数：' + ${articleList['clickNum']} " th:text="${articleList['clickNum']}"></i>
                        </span>
                    </section>
                </div>
            </div>
        </section>
        <!-- 分页 开始-->
        <div data-th-replace="layout/webPage"></div>
        <!-- 分页 结束-->
        <script>
            $('[data-toggle=tooltip]').tooltip();
        </script>
    </div>
